{% extends "base_generic.html" %}
{% block body %}
<body id="baacount">
{% endblock %}
{% block content %}
<div id="maincontent">
    <h1>Your account</h1>
    <div>
    {% for error in errors %}
    <span>{{error}}</span>
    {% endfor %}
    </div>
    <h2>Username and E-mail</h2>
    <p class="tnote">By changing your username you are also changing your Wolpy URL: <a href="/{{user.username}}">http://wolpy.com/<strong>{{user.username}}</strong></a></p>
    <form action="/account/" method="post" id="account" name="account">
      <div class="line">
        <label for="username">Username:</label>
        <input type="text" class="text" value="{{user.username}}" maxlength="25" id="username" name="username" />

      </div>
      <div class="line">
        <label for="email">E-mail:</label>
        <input type="text" class="text" value="{{user.email}}" id="email" name="email" />
      </div>
      <h2>Password</h2>
      <p class="tnote">You must enter your current password to set a new one.</p>

      <div class="line secure">
        <label for="currentpassword">Current password:</label>
        <input type="password" class="text" value="" id="currentpassword" name="currentpassword" />
      </div>
      <div class="line">
        <label for="newpassword">New password:</label>
        <input type="password" class="text" value="" id="newpassword" name="newpassword" />
      </div>

      <div class="line">
        <label for="confirmationpassword">Repeat new password:</label>
        <input type="password" class="text" value="" id="confirmationpassword" name="confirmationpassword" />
      </div>
      
      <input type="submit" value="Save changes" class="button" name="save" />
    </form>
  </div>
  <div id="sidebar">

    <div id="content-actions">
      <ul>
        <li id="myprofile"><a href="/missha/profile">See your profile</a></li>
        <li id="editmyprofile"><a href="/account/profile">Edit your profile</a></li>
        <li id="delete"><a href="/account/delete">Delete your account</a></li>
      </ul>
    </div>

  </div>
  <br class="clear" />


{% endblock %}
